@CHARSET "UTF-8";
/*** 开关 ***/
.on-off { font-size:10px; margin: 0; }
.on-off {
  position: relative;
  display: inline-block;
  width: 5.5em;
  height: 3em;
  cursor: pointer;
  border-radius: 1.5em;
  transition: 350ms;
  background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0)), #dddddd;
  box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}
.on-off::after {
  position: absolute;
  content: '';
  width: 2em;
  height: 2em;
  top: 0.5em;
  left: 0.5em;
  border-radius: 50%;
  transition: 250ms ease-in-out;
  background: linear-gradient(#f5f5f5 10%, #eeeeee);
  box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);
    line-height: 2em;
    text-align: center;
    font-weight: 700;
}
.on-off::before {
  position: absolute;
  content: '';
  width: 4em;
  height: 1.5em;
  top: 0.75em;
  left: 0.75em;
  border-radius: 0.75em;
  transition: 250ms ease-in-out;
  background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #d0d0d0;
  box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(45, 133, 190, 0.7) inset;
}
.on-off.on::before, .on-off.on1::before, .on-off.on2::before, .on-off.on3::before, .on-off.on4::before {
  box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(45, 133, 190, 0.7) inset;
}
.on-off.on::after, .on-off.on1::after, .on-off.on2::after, .on-off.on3::after, .on-off.on4::after {
    left: 3em;
}
.on-off.on::after, .on-off.on1::after {
    content: "on";
}
.on-off.on2::after {
    content: "2";
}
.on-off.on3::after {
    content: "3";
}
.on-off.on4::after {
    content: "4";
}
body {
	font-size: 12px;
}
.navbar-default {
	background: #1b82d2;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #0060b0;
  color: #fff;
}
.nav-list > li .submenu > li > a {
  color: #616161;
  font-size: 12px !important;
}
.input-order {
	width: 30px;
}

.wrap {
	padding: 20px 20px 70px;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}